<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center inviteTendersDetail_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', 'backgroundColor':`rgba(252, 95, 128, ${pageScrollTopBuilt/200})`}">
				<view class='flex flex-wrap align-center justify-between flex-sub inviteTendersDetail_fd0_0'>
					<view class='flex flex-wrap align-center inviteTendersDetail_fd0_0_c0' @tap.stop="handleJumpDiy"
						data-type="back" data-url="1">
						<text class='fu-iconfont2  inviteTendersDetail_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='inviteTendersDetail_fd0_0_c1_c0'>招标详情</text>
					</view>
					<view class='flex flex-wrap align-center justify-end inviteTendersDetail_fd0_0_c0'>
					</view>
				</view>
			</view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
						class='flex position-relative inviteTendersDetail_fd1_0' previous-margin="0rpx"
						next-margin="0rpx" :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true'
						:circular='true'>
						<swiper-item class='flex  inviteTendersDetail_fd1_0'>
							<image class='inviteTendersDetail_fd1_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"33.png"'>
							</image>
						</swiper-item>
					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center inviteTendersDetail_swiperDotfd1_0">
						<view class='flex flex align-center justify-center inviteTendersDetail_numberfd1_0_c0'>
							<text class='inviteTendersDetail_numberfd1_0_c0_c0'>{{bannerIndexfd1_0+1}}</text>
							<text>/</text>
							<text>9</text>
						</view>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1'>
					<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1_c0'>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c0_c0' v-if=" id=='1'">
							<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c0_c0_c0'>
								<image class='inviteTendersDetail_fd1_1_c0_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"67.png"'></image>
								<text class='inviteTendersDetail_fd1_1_c0_c0_c0_c1'>待开始</text>
							</view>
							<text class='inviteTendersDetail_fd1_1_c0_c0_c1'>开始时间：</text>
							<text class='inviteTendersDetail_fd1_1_c0_c0_c1'>7月29日 17:00</text>
						</view>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c0_c1' v-if=" id=='2'">
							<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c0_c1_c0'>
								<image class='inviteTendersDetail_fd1_1_c0_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"67.png"'></image>
								<text class='inviteTendersDetail_fd1_1_c0_c0_c0_c1'>报价中</text>
							</view>
							<view class='flex flex-wrap align-center'>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c0'>距结束</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>时</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>分</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>秒</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c0_c2' v-if=" id=='3'">
							<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c0_c2_c0'>
								<image class='inviteTendersDetail_fd1_1_c0_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"67.png"'></image>
								<text class='inviteTendersDetail_fd1_1_c0_c0_c0_c1'>出价中</text>
							</view>
							<view class='flex flex-wrap align-center'>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c0'>距结束</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>时</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>分</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c1'>04</text>
								<text class='inviteTendersDetail_fd1_1_c0_c1_c1_c2'>秒</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c0_c0'
							v-if="id=='4' || id=='5'">
							<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c0_c0_c0'>
								<image class='inviteTendersDetail_fd1_1_c0_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"67.png"'></image>
								<text class='inviteTendersDetail_fd1_1_c0_c0_c0_c1'>已结束</text>
							</view>
							<text class='inviteTendersDetail_fd1_1_c0_c0_c1'>结束时间</text>
							<text class='inviteTendersDetail_fd1_1_c0_c3_c2'>2022-09-14 10:20:00</text>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1_c0_c4'>
							<text class='inviteTendersDetail_fd1_1_c0_c4_c0'>义乌保税区A区仓库厂房</text>
							<view class='flex flex-wrap align-center'>
								<text class='inviteTendersDetail_fd1_1_c0_c4_c1_c0'>参考价：</text>
								<view class='flex flex-wrap align-end'>
									<text class='inviteTendersDetail_fd1_1_c0_c4_c1_c1_c0'>￥</text>
									<text class='inviteTendersDetail_fd1_1_c0_c4_c1_c1_c1'>1,000</text>
									<text class='inviteTendersDetail_fd1_1_c0_c4_c1_c1_c2'>/</text>
									<text class='inviteTendersDetail_fd1_1_c0_c4_c1_c1_c2'>年</text>
								</view>
							</view>
						</view>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1_c1'
						v-if=" id=='2' || id=='3' || id=='5'">
						<text class='inviteTendersDetail_fd1_1_c1_c0'>图文详情内容</text>
						<image class='inviteTendersDetail_fd1_1_c1_c1' mode="aspectFill" :src='STATIC_URL+"69.png"'>
						</image>
						<text class='inviteTendersDetail_fd1_1_c1_c2'>【最满意的一点】最满意动力。买这台车其实就为买她那台法
							拉利恩佐同款发动机：代号F140C5.9L V12自然吸气发动机，
							峰值区间可输出功率612匹，扭矩608牛米。这台车全力加速
							时那种原始暴躁感可以把驾驶员和副驾驶都吓面容色。
							我朋友坐副驾体验后普遍评价“第一次坐加速这么恐怖的车”。</text>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1_c2'
						v-if=" in_array(id,'1,4,5')">
						<view>
							<benben-flex-tabs class-name='inviteTendersDetail_benbenTabsfd1_1_c2_c0' v-model="tabs"
								ref="benben_tabsfd1_1_c2_c0" select-mark="benben_tabsfd1_1_c2_c0"
								key="benben_tabsfd1_1_c2_c0" :open-title-type='false' :open-sticky='true' :top='0'
								:is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_1_c2_c0">

								<scroll-view @scroll="tabsInfofd1_1_c2_c0.scrollX = $event.detail.scrollLeft"
									id="benben_tabsfd1_1_c2_c0" class="benben-tabs" style="width:360rpx"
									:scroll-x="true" :scroll-left.sync="tabsInfofd1_1_c2_c0.moveX"
									scroll-with-animation="all .3s ease">
									<view class="benben-tabs-content" id="benben_tabsfd1_1_c2_c0-content">
										<view id="benben_tabsfd1_1_c2_c0-title"
											class="benben-tabs-title flex align-center justify-between flex ">
											<view
												:class="{ 'checkTitlefd1_1_c2_c0': tabs == '1', 'flex flex-wrap align-center inviteTendersDetail_titlefd1_1_c2_c0_c3': true }"
												@tap="tabs = '1'" :id="`benben_tabsfd1_1_c2_c0-title-item-${'1'}`">

												<text>出价详情</text>

											</view>
											<view
												:class="{ 'checkTitlefd1_1_c2_c0': tabs == '2', 'flex flex-wrap align-center inviteTendersDetail_titlefd1_1_c2_c0_c3': true }"
												@tap="tabs = '2'" :id="`benben_tabsfd1_1_c2_c0-title-item-${'2'}`">

												<text>商品详情</text>

											</view>
										</view>
										<view
											:style="{ left: tabsInfofd1_1_c2_c0.lineleft, maxWidth: tabsInfofd1_1_c2_c0.lineWidth ,}"
											id="benben_tabsfd1_1_c2_c0-line"
											class="benben-tabs-line flex benben-flex-tabs-line inviteTendersDetail_linefd1_1_c2_c0">
										</view>
									</view>
								</scroll-view>
							</benben-flex-tabs>
						</view>
						<view class='flex flex-wrap align-center' v-if=" tabs=='1' && id=='1'">
							<image class='inviteTendersDetail_fd1_1_c2_c1_c0' mode="aspectFit"
								:src='STATIC_URL+"68.png"'></image>
							<text class='inviteTendersDetail_fd1_1_c2_c1_c1'>招标暂未开始</text>
						</view>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c2_c2'
							v-if=" tabs=='1' && id=='4'">
							<image class='inviteTendersDetail_fd1_1_c2_c2_c0' mode="aspectFit"
								:src='STATIC_URL+"70.png"'></image>
							<text class='inviteTendersDetail_fd1_1_c2_c2_c1'>中标价格：</text>
							<text class='inviteTendersDetail_fd1_1_c2_c2_c1'>￥</text>
							<text class=' inviteTendersDetail_fd1_1_c2_c2_c3'>
								<text class=' inviteTendersDetail_price1_fd1_1_c2_c2_c3'>{{ 100 | frontPrice }}</text>
								<text class=' inviteTendersDetail_price1_fd1_1_c2_c2_c3'>{{ 100 | laterPrice }}</text>
							</text>
						</view>
						<view class='flex flex-wrap align-center inviteTendersDetail_fd1_1_c2_c3'
							v-if=" tabs=='1' && id=='5'">
							<text class='inviteTendersDetail_fd1_1_c2_c2_c1'>中标价格：</text>
							<text class='inviteTendersDetail_fd1_1_c2_c2_c1'>￥</text>
							<text class=' inviteTendersDetail_fd1_1_c2_c2_c3'>
								<text class=' inviteTendersDetail_price1_fd1_1_c2_c2_c3'>{{ 100 | frontPrice }}</text>
								<text class=' inviteTendersDetail_price1_fd1_1_c2_c2_c3'>{{ 100 | laterPrice }}</text>
							</text>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd1_1_c2_c4'
							v-if=" tabs=='2'">
							<text class='inviteTendersDetail_fd1_1_c1_c0'>图文详情内容</text>
							<image class='inviteTendersDetail_fd1_1_c1_c1' mode="aspectFill" :src='STATIC_URL+"69.png"'>
							</image>
							<text class='inviteTendersDetail_fd1_1_c1_c2'>【最满意的一点】最满意动力。买这台车其实就为买她那台法
								拉利恩佐同款发动机：代号F140C5.9L V12自然吸气发动机，
								峰值区间可输出功率612匹，扭矩608牛米。这台车全力加速
								时那种原始暴躁感可以把驾驶员和副驾驶都吓面容色。
								我朋友坐副驾体验后普遍评价“第一次坐加速这么恐怖的车”。</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c3'
						v-if=" id!='1'">
						<view class='flex flex-wrap align-center justify-center inviteTendersDetail_fd1_1_c3_c0'
							v-if=" id=='2' || id=='3' || id=='4'">
							<text class='inviteTendersDetail_fd1_1_c3_c0_c0' v-if=" id=='2'" @tap.stop="handleJumpDiy"
								data-type="navigateTo" :data-url="`/pages/mine/quotation/quotation`">报价</text>
							<view class='flex flex-wrap align-center' v-if=" id=='3'">
								<text class='inviteTendersDetail_fd1_1_c3_c0_c1_c0'>已出价</text>
								<text class='inviteTendersDetail_fd1_1_c3_c0_c0'>￥</text>
								<text class='inviteTendersDetail_fd1_1_c3_c0_c0'>19999</text>
							</view>
							<text class='inviteTendersDetail_fd1_1_c3_c0_c0' v-if=" id=='4'">退保证金</text>
						</view>
						<button class='inviteTendersDetail_fd1_1_c3_c1' v-if=" id=='5'">未中标</button>
					</view>
					<view class='flex flex-wrap align-center justify-between inviteTendersDetail_fd1_1_c4'
						v-if=" id=='1'">
						<view class='flex flex-wrap align-center'>
							<text class='inviteTendersDetail_fd1_1_c4_c0_c0'>保证金：</text>
							<text class='inviteTendersDetail_fd1_1_c4_c0_c1'>￥</text>
							<text class=' inviteTendersDetail_fd1_1_c4_c0_c2'>
								<text class=' inviteTendersDetail_price1_fd1_1_c4_c0_c2'>{{ 100 | frontPrice }}</text>
								<text class=' inviteTendersDetail_price1_fd1_1_c4_c0_c2'>{{ 100 | laterPrice }}</text>
							</text>
						</view>
						<button class='inviteTendersDetail_fd1_1_c4_c1'
							@tap.stop="popupShow1695787518833=true">缴纳保证金</button>
					</view>
				</view>
			</view>
			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1695787518833" :mask="true" :mask-close-able="true" mode='bottom'
				:z-index='999'>
				<!---flex布局flex布局开始-->
				<view class="flex benben-flex-layout flex-wrap align-center">
					<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd2_0'>
						<view class='flex flex-wrap align-center justify-between inviteTendersDetail_fd2_0_c0'>
							<view class='flex flex-wrap align-center inviteTendersDetail_fd2_0_c0_c0'>
							</view>
							<text class='inviteTendersDetail_fd2_0_c0_c1'>报名</text>
							<image class='inviteTendersDetail_fd2_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"71.png"'
								@tap.stop="popupShow1695787518833=false"></image>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch inviteTendersDetail_fd2_0_c0'>
							<view class='flex flex-wrap align-end inviteTendersDetail_fd2_0_c1_c0'>
								<text class='inviteTendersDetail_fd2_0_c1_c0_c0'>保证金：</text>
								<text class='inviteTendersDetail_fd2_0_c1_c0_c1'>￥</text>
								<text class='inviteTendersDetail_fd2_0_c1_c0_c2'>1000</text>
							</view>
							<view class='flex flex-wrap align-center'>
								<text class='inviteTendersDetail_fd2_0_c1_c1_c0'>同意</text>
								<text class='inviteTendersDetail_fd2_0_c1_c1_c1'>《平台竞价协议》《退保证金说明》</text>
							</view>
						</view>
						<button class='inviteTendersDetail_fd2_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/zfmk/offerPay/offerPay?id=2`">确认缴纳</button>
					</view>
				</view>
				<!---flex布局flex布局结束-->
			</benben-popup>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},
		data() {
			return {
				"popupShow1695787518833": false,
				"tabsInfofd1_1_c2_c0": {
					lineleft: '',
					lineWidth: '',
					moveX: 0,
					scrollX: 0,
					PageScrollX: 0
				},
				"bannerIndexfd1_0": 0,
				"tabs": "1",
				"pageScrollTopBuilt": 0,
				"id": "4"
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {
				id
			} = options
			if (id !== undefined) this.id = id
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {
			this.pageScrollTopBuilt = e.scrollTop
		},
		methods: {

		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.inviteTendersDetail_flex_0 {
		background: transparent;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.inviteTendersDetail_fd0_0_c1_c0 {
		color: #FFFFFF;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.inviteTendersDetail_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: var(--benbenFontColor3);
	}

	.inviteTendersDetail_fd0_0_c0 {
		width: 120rpx;
	}

	.inviteTendersDetail_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.inviteTendersDetail_fd1_1_c4_c1 {
		background: #FC5F80;
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		width: 320rpx;
		line-height: 88rpx;
		font-size: 32rpx;
		color: #fff;
		height: 88rpx;
		font-weight: 500;
	}

	.inviteTendersDetail_price1_fd1_1_c4_c0_c2 {
		font-size: 30rpx;
		font-weight: 700;
	}

	.inviteTendersDetail_fd1_1_c4_c0_c2 {
		color: #EA4040;
		font-weight: 700;
		line-height: 30rpx;
		font-size: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c4_c0_c1 {
		color: #EA4040;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 30rpx;
	}

	.inviteTendersDetail_fd1_1_c4_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.inviteTendersDetail_fd1_1_c4 {
		background: var(--benbenbgColor1);
		margin: 0rpx -24rpx 0rpx -24rpx;
		width: 750rpx;
		height: 108rpx;
		position: fixed;
		background-size: 100% auto;
		bottom: calc(0rpx + var(--window-bottom));
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.inviteTendersDetail_fd1_1_c3_c1 {
		background: #999999;
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		width: 638rpx;
		line-height: 88rpx;
		font-size: 32rpx;
		color: #fff;
		height: 88rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
		font-weight: 500;
	}

	.inviteTendersDetail_fd1_1_c3_c0_c1_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c3_c0_c0 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c3_c0 {
		background: #FC5F80;
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		width: 638rpx;
		height: 88rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c3 {
		background: var(--benbenbgColor0);
		margin: 0rpx -24rpx 0rpx -24rpx;
		background-size: 100% auto;
		position: fixed;
		bottom: calc(0rpx + var(--window-bottom));
		width: 750rpx;
		height: 128rpx;
		z-index: 99;
	}

	.inviteTendersDetail_fd1_1_c2_c4 {
		margin: 32rpx -147rpx 0rpx -147rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c3 {
		margin: 78rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 0rpx 0rpx 22rpx;
	}

	.inviteTendersDetail_price1_fd1_1_c2_c2_c3 {
		font-size: 32rpx;
		font-weight: 500;
	}

	.inviteTendersDetail_fd1_1_c2_c2_c3 {
		color: #EA4040;
		font-weight: 500;
		line-height: 40rpx;
		font-size: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c2_c1 {
		color: #EA4040;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c2_c0 {
		width: 88rpx;
		height: 88rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 25rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c2 {
		margin: 56rpx -35rpx 0rpx -35rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c1_c1 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 28rpx;
		margin: -40rpx 0rpx 0rpx 97rpx;
	}

	.inviteTendersDetail_fd1_1_c2_c1_c0 {
		width: 326rpx;
		height: 304rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 56rpx 0rpx 0rpx 18rpx;
	}

	.inviteTendersDetail_titlefd1_1_c2_c0_c3 {
		color: #999999;
		font-size: 30rpx;
		line-height: 30rpx;
		font-weight: 400;
		height: 42rpx;
	}

	.inviteTendersDetail_linefd1_1_c2_c0 {
		background: #FC5F80;
		width: 30rpx;
		height: 6rpx;
		top: 80rpx;
		background-size: 100% auto !important;
		border-radius: 3rpx 3rpx 3rpx 3rpx;
	}

	.checkTitlefd1_1_c2_c0 {
		font-weight: 500 !important;
		font-size: 30rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		background-color: rgba(255, 255, 255, 1) !important;
	}

	::v-deep .inviteTendersDetail_benbenTabsfd1_1_c2_c0 {
		background: #fff;
		width: 360rpx;
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
	}

	.inviteTendersDetail_fd1_1_c2 {
		background: var(--benbenbgColor1);
		margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 32rpx 171rpx 48rpx 171rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
	}

	.inviteTendersDetail_fd1_1_c1_c2 {
		color: #666666;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.inviteTendersDetail_fd1_1_c1_c1 {
		width: 654rpx;
		height: 240rpx;
		border-radius: 16rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c1_c0 {
		color: #333333;
		font-size: 26rpx;
		font-weight: 400;
		line-height: 26rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c1 {
		background: var(--benbenbgColor1);
		margin: 0rpx 0rpx 24rpx 0rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
	}

	.inviteTendersDetail_fd1_1_c0_c4_c1_c1_c2 {
		color: #EA3727;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 28rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c4_c1_c1_c1 {
		color: #EA3727;
		font-size: 54rpx;
		font-weight: 700;
		line-height: 54rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c4_c1_c1_c0 {
		color: #EA3727;
		font-size: 36rpx;
		font-weight: 600;
		line-height: 36rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c4_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c4_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 32rpx;
		margin: 0rpx 0rpx 22rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c4 {
		padding: 32rpx 0rpx 38rpx 24rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c3_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 32rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c2_c0 {
		background: #EA4040;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		width: 168rpx;
		height: 88rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c2 {
		background: rgba(253, 235, 235, 1);
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		width: 702rpx;
		height: 88rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c1_c1_c2 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c1_c1_c1 {
		color: #EA4040;
		font-size: 28rpx;
		font-weight: 500;
	}

	.inviteTendersDetail_fd1_1_c0_c1_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c1_c0 {
		background: #FC5F80;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		width: 168rpx;
		height: 88rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c1 {
		background: rgba(255, 239, 242, 1);
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		width: 702rpx;
		height: 88rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c0_c0_c0 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c0_c0 {
		background: #999999;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		width: 168rpx;
		height: 88rpx;
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1_c0_c0 {
		background: rgba(245, 245, 245, 1);
		border-radius: 16rpx 16rpx 0rpx 0rpx;
		width: 702rpx;
		height: 88rpx;
	}

	.inviteTendersDetail_fd1_1_c0 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 702rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.inviteTendersDetail_fd1_1 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: -157rpx 0rpx 300rpx 0rpx;
		position: relative;
		z-index: 0;
	}

	.inviteTendersDetail_numberfd1_0_c0_c0 {
		font-size: 32rpx;
		line-height: 28rpx;
	}

	.inviteTendersDetail_numberfd1_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 175rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 21rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.inviteTendersDetail_fd1_0_c1_c0 {
		width: 750rpx;
		height: 676rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd1_0 {
		width: 750rpx;
		height: 676rpx;
	}

	.inviteTendersDetail_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.inviteTendersDetail_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .inviteTendersDetail_swiperDotfd1_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.inviteTendersDetail_fd2_0_c2 {
		background: #FC5F80;
		border-radius: 60rpx 60rpx 60rpx 60rpx;
		width: 638rpx;
		line-height: 88rpx;
		font-size: 32rpx;
		color: #fff;
		height: 88rpx;
		font-weight: 500;
		margin: 0rpx 0rpx 0rpx 32rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c1_c1 {
		color: #FC5F80;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c1_c0 {
		color: var(--benbenFontColor2);
		font-size: 22rpx;
		font-weight: 400;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c0_c2 {
		color: #EA3727;
		font-size: 54rpx;
		font-weight: 700;
		line-height: 45rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c0_c1 {
		color: #EA3727;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 36rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c0_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 32rpx;
	}

	.inviteTendersDetail_fd2_0_c1_c0 {
		margin: 0rpx 0rpx 30rpx 0rpx;
	}

	.inviteTendersDetail_fd2_0_c0_c2 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.inviteTendersDetail_fd2_0_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.inviteTendersDetail_fd2_0_c0_c0 {
		width: 40rpx;
		height: 40rpx;
	}

	.inviteTendersDetail_fd2_0_c0 {
		margin: 0rpx 0rpx 48rpx 0rpx;
	}

	.inviteTendersDetail_fd2_0 {
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		width: 750rpx;
		padding: 40rpx 32rpx 40rpx 32rpx;
	}
</style>